<template>
    <div class="mine_wrap">
        <ChangeHeader title="每日一签"></ChangeHeader>
        <div class="content">
            <table class="clender">
                <tr>
                    <td>Sun</td>
                    <td>Man</td>
                    <td>Tue</td>
                    <td>Wed</td>
                    <td>Thur</td>
                    <td>Fir</td>
                    <td>Sat</td>
                </tr>
                <tr>
                    <td class="disable">29</td>
                    <td class="disable">30</td>
                    <td class="disable">31</td>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>6</td>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>
                    <td>10</td>
                    <td>11</td>
                </tr>
                <tr>
                    <td>12</td>
                    <td>13</td>
                    <td>14</td>
                    <td>15</td>
                    <td>16</td>
                    <td class="selec">17</td>
                    <td>18</td>
                </tr>
                <tr>
                    <td>19</td>
                    <td>20</td>
                    <td>21</td>
                    <td class="selec">22</td>
                    <td class="todys">23</td>
                    <td>24</td>
                    <td>25</td>
                </tr>
                <tr>
                    <td>26</td>
                    <td>27</td>
                    <td>28</td>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                </tr>
            </table>
    
            <div class="add">
                <img src="../images/mainOne/setting/cross.png" />
            </div>
            <div class="scor">
                <div class="scor_value">
                    <div class="item1">
                        成长值
                        <span>2</span>
                    </div>
                    <div class="item1">
                        积分
                        <span>343</span>
                    </div>
                </div>
            </div>
    
            <div class="des">
                <h5>
                    积分兑豪礼
                </h5>
                <p>
                    登录签到可获得成长值，累计成长值可兑换积分， 积分可用于优惠专区购买限时产品，也可参加秒杀活动， 不定期还可参与抽奖活动哦
                </p>
            </div>
        </div>
    
    </div>
</template>
<script>
import ChangeHeader from "../components/changeHeader"

export default {

    name: "sign",
    components: {
        ChangeHeader
    },
    data() {
        return {

        }
    }
}
</script>

<style lang='less' scoped>
@pub_main_bgcolor :#ff406f;
.mine_wrap {
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 20/75rem;
    .head {
        height: 64/75rem;
        background: @pub_main_bgcolor;
        padding-top: 40/75rem;
        line-height: 80/75rem;
        position: relative;
        z-index: 2;
        img {

            position: absolute;
            left: 30/75rem;
            top: 54/75rem;
           
        }
        span {
            position: absolute;
            top: 30/75rem;
            color: #FFF;
            font-size: 36/75rem;
            left: 50%;
            transform: translateX(-50%);
        }
    }
    .add {
        position: absolute;
        right: 112/75rem;
        top: 482/75rem;
         width: 104/75rem;
        height: 104/75rem;
    }
    .content {
        .clender {
            width: 616/75rem;
            height: 480/75rem;
            margin: 0 auto;

            tr {


                td {
                    text-align: center;
                    font-size: 26/75rem;
                    display: block;
                    float: left;
                    height: 78/75rem;
                    width: 78/75rem;
                    line-height: 78/75rem;
                    margin: 0 4px;
                }
            }
            tr:first-child {

                td {
                    font-size: 30/75rem;
                    font-weight: bold;
                }
            }
            .selec {
                border-radius: 50%;
                background: @pub_main_bgcolor;
                color: #FFF;
            }
            .todys {
                border-radius: 50%;
                border: 2px solid @pub_main_bgcolor;
                box-sizing: border-box;
            }
            .disable {
                color: #919191;
            }
            
        }
        .scor {
            height: 260/75rem;
            border-top: 1px solid #919191;
            margin-top: 60/75rem;
            padding-top: 80/75rem;
            .scor_value {
                height: 200/75rem;
                width: 716/75rem;

                box-shadow: -1px 0 10px lightgray, /*左边阴影*/
                1px 0 10px lightgray, /*右边阴影*/
                0 -1px 10px lightgray, /*顶部阴影*/
                0 1px 10px lightgray;
                /*底边阴影*/
                margin: 0px auto;
                border-radius: 20px;
                div {
                    height: 50%;
                    font-size: 40/75rem;
                    font-family: '宋体';
                    line-height: 100/75rem;
                    margin: 0 40/75rem;
                    overflow: hidden;
                    span {
                        float: right;
                        margin-right: 100/75rem;
                        text-align: center;
                        width: 100/75rem;
                    }
                }
                div:first-child {
                    border-bottom: 1px solid #000;
                }
            }
        }
        .des {
            height: 280/75rem;
            width: 616/75rem;
            margin: 0 auto;
            box-shadow: -1px 0 10px lightgray, /*左边阴影*/
            1px 0 10px lightgray, /*右边阴影*/
            0 -1px 10px lightgray, /*顶部阴影*/
            0 1px 10px darkgray;
            /*底边阴影*/
            border-radius: 20px;
            box-sizing: border-box;
            padding-top: 30/75rem;
            padding-left: 50/75rem;
            font-family: "宋体";
            h5 {
                font-size: 30/75rem;
            }
            p {
                margin-top: 10/75rem;
                font-size: 26/75rem;
                color: #6c6c6c;
                line-height: 40/75rem;
            }
        }
    }
}
</style>

